<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <title>Document</title>
</head>
<body>
    <h1>axios请求拦截器</h1>
    <button id="btn">发送请求</button>
    <script>
        /*         
        创建一个axios实例,并配置这个实例
        */
       let myAxios = axios.create({//配置公共资源
        baseURL:'/',//公共路径
        timeout:10000,//超时事件
        heads:{}//请求头
       })
       myAxios.interceptors.request.use((config)=>{
        alert('阻止你');
        return config
       },(err)=>{
        return Promise.reject(err.message)
       })

       let btn = document.querySelector('#btn')
       btn.onclick =async function(){
        let result = await myAxios.get('/user',{
            params:{
                userid:'001'
            }
        })
        console.log(result);
       }
    </script>
</body>
</html>